<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>电商大数据管理平台</title>
		<link rel="icon" href="icon.ico">
		<link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.css">
		<link rel="stylesheet" href="css/dashboard.css">
		<link rel="stylesheet" type="text/css" href="plugins/element-ui/theme-default/index.css" />
		<!--[if lt IE 9]>
      <script src="plugins/html5shiv/html5shiv.min.js"></script>
	    <script src="plugins/respond/respond.min.js"></script>
    <![endif]-->
	</head>

	<body>
		<div id="app">
		<nav class="navbar navbar-default navbar-fixed-top">
			<div class="container-fluid">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
					<a class="navbar-brand" href="#" style="font-size: x-large;"><strong><b>电商大数据管理平台</b> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</strong></a>
				</div>
				
			<navbars :acv="bnav"></navbars>
			</div>
		</nav>

		<div class="container-fluid">
			<div class="row">
				
				<datanav :ds="newdpot"></datanav>
				
				<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
					<div class="row">
						<div class="col-xs-8">
							<h2 style="color: #0D81F5;"><b>年度分析报告</b></h2></div>

					</div>
					<!--开始-->
					<div class="row placeholders alert alert-info" style="padding-top: 10px;padding-bottom: 10px;">
                            <div class="col-xs-12 text-center">
                                <span>区域选择：</span>
                                <el-select v-model="value" placeholder="市级" style="width:110px;">
                                    <el-option v-for="item in options" :label="item.label" :value="item.value">
                                    </el-option>
                                </el-select>
                                <el-select v-model="value2" placeholder="区县" style="width:110px;">
                                    <el-option v-for="item in options2" :label="item.label" :value="item.value">
                                    </el-option>
                                </el-select>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <span>时间选择：</span>
                                <el-select v-model="value3" placeholder="年度" style="width:110px;">
                                    <el-option v-for="item in options3" :label="item.label" :value="item.value">
                                    </el-option>
                                </el-select>
                               
                                 <el-select v-model="value4" placeholder="季度" style="width:110px;">
                                    <el-option v-for="item in options4" :label="item.label" :value="item.value">
                                    </el-option>
                                </el-select>

                            </div>
                    </div>
					<div style="padding-left: 50px;padding-right: 50px;">
						<h2 class="sub-header text-center">铜仁市电子商务发展分析报告（2015年度）</h2>
						<span>
                    一、总体情况（图文，样本数据为6个月或者12个月汇总、上年汇总数据）<br />
                    从以下四个层面，分析季度情况：平台、产品、客户、经营主体，以图文方式展示区域电商发展状况。<br /><br />
                    二、独立分析（图文，样本数据为6个月或者12个月明细、上年汇总数据）<br />
                    1．平台：平台统计（本地和外部增减情况、用户量、访问量、销售总额、转化率）、用户和销量TOP5分析（客户增值、客单价、销售额、客户分布），主要是针对淘宝和村淘分析。<br />
                    2．产品：产品各平台销售、产品客户分布及群体分析。<br />
                    <img src="images/khfb1.jpg" style=""><br />
                    3．客户：各平台（销售铜仁产品）客户占比、客户分布、购买动机和购买力。<br />
                    4．主体：各平台经营主体（销售铜仁本地农产品）分布、经营状况（增值性）<br />
                    <img src="images/qn.jpg" style="">
                    <br /><br />
                    三、发展建议<br />
                    根据以上分析结果，分别从平台引入、平台培育、品牌打造、宣传推广、主体培育等方面做年度（半年）总结，并提出相应策略建议。<br />

                </span>
					</div>
					<!--结束-->
					<br /><br /><br /><br />
				</div>
			</div>
		</div>
		</div>
		
		<script src="plugins/jquery/jquery.min.js"></script>
		<script src="plugins/bootstrap/js/bootstrap.min.js"></script>
		<script src="js/ie10-viewport-bug-workaround.js"></script>
		<script type="text/javascript" src="js/vue.min.js"></script>
		<script type="text/javascript" src="js/nav.js"></script>
		<script src="plugins/element-ui/index.js"></script>
		<script>

            function GetQueryString(name) {
                var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
                var r = window.location.search.substr(1).match(reg);
                if (r != null) {
                    return unescape(r[2]);
                }
                return null;
            }
            
			new Vue({
				el: "#app",
				data: {
					bnav:{
						number:4,
					},
                    newdpot: GetQueryString('years') + (GetQueryString('quarter')==1?'上半年':'下半年') ,
					options: [{
                    value: '1',
                    label: '全部'
                },{
                    value: '2',
                    label: '铜仁'
                },{
                    value: '3',
                    label: '黔南'
                },{
                    value: '4',
                    label: '六盘水'
                },{
                    value: '5',
                    label: '贵阳'
                },{
                    value: '6',
                    label: '毕节'
                }],
                options2: [{
                    value: '1',
                    label: '全部'
                },{
                    value: '2',
                    label: '碧江区'
                },{
                    value: '3',
                    label: '万山区'
                },{
                    value: '4',
                    label: '松桃县'
                },{
                    value: '5',
                    label: '沿河县'
                },{
                    value: '6',
                    label: '江口县'
                }],
                options3: [{
                    value: '2017',
                    label: '2017'
                }],
                options4: [{
                    value: '1',
                    label: '第一季度'
                },{
                    value: '2',
                    label: '第二季度'
                },{
                    value: '3',
                    label: '第三季度'
                },{
                    value: '4',
                    label: '第四季度'
                }],
                value: '1',
                value2: '1',
                value3: '2017',
                value4: '1',
				},
				computed: {

				},
				mounted: function() {

				},
				methods: {

				}
			});
		</script>
	</body>

</html>